<template>
  <div id="meeting">
    <el-container>
      <el-header>
        <p>绩效考核评估</p>
      </el-header>
      <el-main>
        <p class="tit"><i class="el-icon-user"></i>发起人信息</p>
        <el-form ref="form1" :model="form" label-width="80px">
          <el-form-item label="流水号">
            <el-input v-model="form.name"></el-input>
          </el-form-item>
          <el-form-item label="发起时间">
            <el-col :span="11">
              <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>
            </el-col>
            <el-col class="line" :span="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-</el-col>
            <el-col :span="11">
              <el-time-picker placeholder="选择时间" v-model="form.date2" style="width: 100%;"></el-time-picker>
            </el-col>
          </el-form-item>
          <!-- <el-form-item label="发起时间">
            <el-input v-model="form.name"></el-input>
          </el-form-item> -->
          <table>
            <tr>
              <td>
                <el-form-item label="姓名">
                  <el-input v-model="form.name"></el-input>
                </el-form-item>
              </td>
              <td>
                <el-form-item label="部门">
                  <el-input v-model="form.name"></el-input>
                </el-form-item>
              </td>
            </tr>
            <tr>
              <td>
                <el-form-item label="岗位">
                  <el-input v-model="form.name"></el-input>
                </el-form-item>
              </td>
              <td>
                <el-form-item label="考核周期">
                  <el-input v-model="form.name"></el-input>
                </el-form-item>
              </td>
            </tr>
          </table>
        </el-form>
        <p class="tit"><i class="el-icon-edit"></i>绩效分数</p>
        <el-form ref="form1" :model="form" label-width="80px">
          <el-form-item label="绩效分数" style="width:50%">
            <el-input v-model="form.name"></el-input>
          </el-form-item>
        </el-form>
        <div id="mybut">
          <el-button type="primary">提交</el-button>
          <el-button type="info">返回</el-button>
        </div>
      </el-main>
    </el-container>
  </div>
</template>
<script>
export default {
  data() {
    return {
      form: {
        name: "",
      },
    };
  },
};
</script>
<style scoped lang='less'>
.el-main {
  padding: 20px 0 !important;
}
#meeting {
  width: 70%;
  margin: 20px auto;
  background-color: #f5f4f4;
  padding: 30px;
  border-radius: 5px;
}
.el-header {
  color: #666;
  text-align: center;
  line-height: 60px;
  p {
    font-weight: bold;
    font-size: 24px;
  }
}
table {
  width: 100%;
}
.el-form-item {
  width: 100%;
}
.tit {
  color: #606266;
  margin: 15px 0;
}
.el-select {
  width: 100%;
}
#mybut {
  text-align: center;
}
</style>